<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script type="text/javascript" >


        function first() {
            alert("button click");
        }
        function second() {

            //创建一个XmlHttpRequest文件
            var request = new XMLHttpRequest();


            //请注意要修改端口号
            //请注意要修改端口号
            //请注意要修改端口号
            //请注意要修改端口号
            //请注意要修改端口号
            //请注意要修改端口号
            //准备发送请求的数据，url;
            var url = "http://" + window.location.host
                + "/test/test_access_request_string";

            // alert(url);
            var method = "GET";
            //调用XMLHttpRequest的 open()方法
            request.open(method, url);

            //调用XMLHttpRequest的 send()方法
            request.send(null);

            //为请求添加响应函数
            request.onreadystatechange = function () {
                if (request.readyState == 4) {
                    if (request.status == 200 || request.status == 304) {


                        // var jsonObj = JSON.parse(request.responseText);
                        // var obj = eval(request.responseText)
                        // alert(obj.code);
                        // alert(request.response);

                        var box = document.getElementById("body_content");
                        // var pp = document.createElement("p");  //创建一个p标签
                        // pp.innerText=request.responseText;
                        // box.appendChild(request.responseText);


                        box.innerHTML = request.responseText;

                    }
                }
            }
            //取消a节点的默认行为
            return false;


        }

    </script>

</head>

<body id="body_content" onload="second()">

<button id="button2" onclick="first()">按钮1</button>
<!--<div id="show_list" class="blogitem" th:fragment="pagination">-->
<!--    <h2 class="title"><a onclick="showAdress()">无线安全U盾</a></h2>-->
<!--    <h2 class="title"><a href="#">工厂塑胶回收app</a></h2>-->
<!--    <h2 class="title"><a href="#">SunriseMall跨境拼团APP</a></h2>-->
<!--    <h2 class="title"><a href="#">Wetok印尼短视频</a></h2>-->
<!--    <h2 class="title"><a href="#">出海么 短信群发APP</a></h2>-->


<!--</div>-->

</body>
</html>